@charset "UTF-8";*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
html,body{height:100vh}
body{background-color:#6726af;color:#333;background-image:url(../img/bg.png);background-repeat:no-repeat;background-size:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.pr{position:relative}
.content{display:block;position:relative;width:100%;height:100%;overflow-x:hidden;-webkit-overflow-x:hidden;overflow-y:scroll;-webkit-overflow-y:scroll}
.clipDoll-page{position:absolute;left:0;top:0;width:100%;height:100%}
.game-box{overflow:hidden;position:absolute;top:2.9rem;left:0;width:100%;height:4.5rem}
.game-box .pr{width:100%;height:100%}
.prize-main,.prize-main2{position:absolute;left:0;bottom:0;width:100%;height:1.15rem}
.prize-main{bottom:0;z-index:1}
.prize-main2{bottom:0.6rem}
.poster-item{position:relative;height:100%}
.poster-item li{position:absolute;top:0;width:1.15rem;height:100%}
.poster-list li{left:0}
.poster-list2 li{right:0}
.poster-item li .prize-img{position:absolute;left:0;right:0;bottom:0;margin:auto;width:100%;height:100%;background:url(../img/prize/gift_bg.png) no-repeat;background-size:100% 100%}
.prize-main2 .poster-item li .prize-img{width:80%;height:80%}
.poster-item li .prize-img img{position:absolute;width:60%;height:60%;left:0;right:0;top:0;bottom:0;margin:auto}
.prize-list{position:absolute;width:100%;top:8.9rem;padding:0 0.2rem}
.prize-box{padding:0.2rem;background-color:#F5E46E}
.prize-list-con{padding:0.1rem;background-color:#eec41a;border-radius:0.1rem}
.prize-list .swiper-container{background-color:#eec41a}
.prize-list .swiper-slide{padding:0.05rem}
.prize-list .swiper-img{position:relative;background-color:#fff;border-radius:0.1rem}
.prize-list .swiper-img p {position: absolute;width: 100%;bottom: 0;left: 0;text-align: center;padding: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.prize-list .swiper-img img{position:absolute;width:60%;height:60%;top:0;left:0;right:0;bottom:0;margin:auto}
.rules-btn{width:1.4rem;height:0.61rem;position:absolute;top:0;left:0.5rem}
.rules-btn img,.myawards-btn img{width:100%;height:100%}
.myawards-btn{width:1.55rem;height:0.61rem;position:absolute;top:0;right:0.5rem}
.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;padding:0.36rem;background:rgba(0,0,0,.5);z-index:2}
.popup:after{display:inline-block;content:'';width:0;height:100%;vertical-align:middle}
.popup-con{position:relative;width:98%;display:inline-block;vertical-align:middle}
.pop-close{width:0.9rem;height:0.9rem;position:absolute;top:0;right:0;background:url(../img/pop-close.png) no-repeat;background-size:100% 100%}
.popup-bg{display:none;width:100%;vertical-align:top}
.popup-text{background-color:#fff;padding:0.36rem;border-radius:0 0 0.3rem 0.3rem;max-height:6.0rem;overflow:auto;font-size:0.28rem}
.popup-tip{display:none}
.today-nums{position:absolute;top:2rem;left:0;right:0;margin:auto;width:2.2rem;height:0.48rem;line-height:0.48rem;background-color:#63474e;border-radius:0.48rem;text-align:center;color:#fff}
.today-nums em{margin:0 0.05rem}
.start-btn{position:absolute;top:8.0rem;left:0;right:0;margin:auto;width:1.74rem;height:1.24rem;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-name:pulseBtn;animation-name:pulseBtn;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.start-btn img{width:100%;height:100%}
.left-btn,.right-btn{position:absolute;top:7.85rem;width:1.06rem;height:0.76rem}
.left-btn img,.right-btn img{width:100%;height:100%}
.left-btn{left:1.21rem}
.right-btn{right:1.21rem}
.clip{position:absolute;width:1.65rem;height:3.11rem;background-repeat:no-repeat;background-size:100% 100%;left:50%;top:-2.6rem;margin-left:-0.82rem;z-index:1}
.pole{position:relative;width:0.4rem;height:3.2rem;margin:0 auto;background:url("../img/mid_img.png") no-repeat bottom;background-size:100%;z-index:1}
.footer{width:100%;height:0.9rem;position:absolute;bottom:-0.75rem}
.footer-left,.footer-right{width:0.54rem;height:0.9rem;position:absolute;transform:rotate(0deg);-webkit-transform:rotate(0deg);transition:all 0.5s linear;-webkit-transition:all 0.5s linear;z-index:9999999}
.footer-left.zhua{transform:rotate(26deg);-webkit-transform:rotate(26deg);transition:all 0.5s linear;-webkit-transition:all 0.5s linear}
.footer-right.zhua{transform:rotate(-26deg);-webkit-transform:rotate(-26deg);transition:all 0.5s linear;-webkit-transition:all 0.5s linear}
.footer-center.zhua{transform:rotateX(-36deg);-webkit-transform:rotateX(-36deg);transition:all 0.5s linear;-webkit-transition:all 0.5s linear}
.footer-left.zhua2{transform:rotate(10deg);-webkit-transform:rotate(10deg);transition:all 0.2s linear;-webkit-transition:all 0.2s linear}
.footer-right.zhua2{transform:rotate(-10deg);-webkit-transform:rotate(-10deg);transition:all 0.2s linear;-webkit-transition:all 0.2s linear}
.footer-left.move{-webkit-animation:run 1s steps(1) infinite;animation:run 1s steps(1) infinite}
.footer-right.move{-webkit-animation:run2 1s steps(1) infinite;animation:run2 1s steps(1) infinite}
.footer-center.move{-webkit-animation:run3 1s steps(1) infinite;animation:run3 1s steps(1) infinite}
.footer-left{background:url("../img/left_img.png") no-repeat center;background-size:100% 100%;left:0.25rem;transform-origin:0.33rem 0}
.footer-right{background:url("../img/right_img.png") no-repeat center;background-size:100% 100%;right:0.25rem;transform-origin:0.23rem -0.03rem}
.footer-center{width:0.17rem;height:0.8rem;position:absolute;right:0;left:0;margin:auto;background:url("../img/center_img.png") no-repeat;background-size:100% 100%}
.prize-result{display:none;position:absolute;left:0;right:0;bottom:-1.4rem;margin:auto;width:1.15rem;height:1.15rem;background:url(../img/prize/gift_bg.png) no-repeat;background-size:100% 100%}
.prize-result img{width:60%;height:60%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto}
.clipdown{animation:clipdown 0.6s ease-in forwards;-webkit-animation:clipdown 0.6s ease-in forwards}
.cliphalfup{animation:cliphalfup 0.6s ease-in forwards;-webkit-animation:cliphalfup 0.6s ease-in forwards}
.clipup{animation:clipup 0.6s ease-in forwards;-webkit-animation:clipup 0.6s ease-in forwards}
.clipOutUp{animation:clip-slideOutUp 0.6s ease-in forwards;-webkit-animation:clip-slideOutUp 0.6s ease-in forwards}
.img-slidehalfUp{animation:img-slidehalfUp 0.6s ease-in forwards;-webkit-animation:img-slidehalfUp 0.6s ease-in forwards}
.img-slideUp{animation:img-slideUp 0.6s ease-in forwards;-webkit-animation:img-slideUp 0.6s ease-in forwards}
.img-slideDown{animation:img-slideDown 0.6s ease-in forwards;-webkit-animation:img-slideDown 0.6s ease-in forwards}
.img-slideOutUp{animation:img-slideOutUp 0.6s ease-in forwards;-webkit-animation:img-slideOutUp 0.6s ease-in forwards}
.flex {display: -webkit-flex;display: flex;}
.flex-item {-webkit-flex-grow: 1; flex-grow: 1;width: 0;}
.footer-con {position: fixed;width: 100%;bottom: 0;left: 0;background-color: #fff;}
.footer-nav {height: 0.88rem;line-height: 0.88rem;display: -webkit-flex;display: flex;border-top: 1px solid #ebebeb}
.footer-nav li {-webkit-flex-grow: 1; flex-grow: 1;width: 0;text-align: center;}
.footer-nav li a {display: block;color: #333;text-decoration: none;}
.footer-nav li:not(:first-child) {border-left: 1px solid #ebebeb;}
@-webkit-keyframes pulseBtn{from,to{-webkit-transform:scaleY(1);transform:scaleY(1)}
	50%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}
}@keyframes pulseBtn{from,to{-webkit-transform:scaleY(1);transform:scaleY(1)}
	 50%{-webkit-transform:scaleY(1.1);transform:scaleY(1.1)}
 }@keyframes clipdown{0%{top:-2.6rem}
	  100%{top:0}
  }@-webkit-keyframes clipdown{0%{top:-2.6rem}
	   100%{top:0}
   }@keyframes cliphalfup{0%{top:-0rem}
		100%{top:-1.3rem}
	}@-webkit-keyframes cliphalfup{0%{top:-0rem}
		 100%{top:-1.3rem}
	 }@keyframes clipup{0%{top:-1.3rem}
		  100%{top:-2.6rem}
	  }@-webkit-keyframes clipup{0%{top:-1.3rem}
		   100%{top:-2.6rem}
	   }@keyframes run{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
			40%{transform:rotate(13deg);-webkit-transform:rotate(13deg)}
			80%{transform:rotate(26deg);-webkit-transform:rotate(26deg)}
			100%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
		}@-webkit-keyframes run{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
			 40%{transform:rotate(13deg);-webkit-transform:rotate(13deg)}
			 80%{transform:rotate(26deg);-webkit-transform:rotate(26deg)}
			 100%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
		 }@keyframes run2{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
			  40%{transform:rotate(-13deg);-webkit-transform:rotate(-13deg)}
			  80%{transform:rotate(-26deg);-webkit-transform:rotate(-26deg)}
			  100%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
		  }@-webkit-keyframes run2{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
			   40%{transform:rotate(-13deg);-webkit-transform:rotate(-13deg)}
			   80%{transform:rotate(-26deg);-webkit-transform:rotate(-26deg)}
			   100%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}
		   }@keyframes run3{0%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg)}
				40%{transform:rotateX(-18deg);-webkit-transform:rotateX(-18deg)}
				80%{transform:rotateX(-36deg);-webkit-transform:rotateX(-36deg)}
				100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg)}
			}@-webkit-keyframes run3{0%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg)}
				 40%{transform:rotateX(-18deg);-webkit-transform:rotateX(-18deg)}
				 80%{transform:rotateX(-36deg);-webkit-transform:rotateX(-36deg)}
				 100%{transform:rotateX(0deg);-webkit-transform:rotateX(0deg)}
			 }@keyframes clip-slideOutUp{0%{top:-2.6rem}
				  100%{top:-5rem}
			  }@-webkit-keyframes clip-slideOutUp{0%{top:-2.6rem}
				   100%{top:-5rem}
			   }@keyframes img-slidehalfUp{0%{bottom:0}
					100%{bottom:1.3rem}
				}@-webkit-keyframes img-slidehalfUp{0%{bottom:0}
					 100%{bottom:1.3rem}
				 }@keyframes img-slideUp{0%{bottom:1.3rem}
					  100%{bottom:2.6rem}
				  }@-webkit-keyframes img-slideUp{0%{bottom:1.3rem}
					   100%{bottom:2.6rem}
				   }@keyframes img-slideDown{0%{bottom:1.3rem}
						100%{bottom:0}
					}@-webkit-keyframes img-slideDown{0%{bottom:1.3rem}
						 100%{bottom:0}
					 }@keyframes img-slideOutUp{0%{bottom:2.6rem}
						  100%{bottom:5rem}
					  }@-webkit-keyframes img-slideOutUp{0%{bottom:2.6rem}
						   100%{bottom:5rem}
					   }